<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" th:href="@{/plugins/WEUI/weui.min.css}">
    <link rel="stylesheet" th:href="@{/plugins/WEUI/jquery-weui.min.css}">
    <link href="/css/index.css" rel="stylesheet">
    <link href="/plugins/Animate/Animate.css" rel="stylesheet" />
    <title>微信摇一摇小游戏</title>
    <style type="text/css">
        body {
            background-image: linear-gradient(135deg, rgb(255, 111, 216) 10%, rgb(56, 19, 194) 100%);
        }
        .flex-al-jst-ct {
            display: flex;
            align-content: center;
            justify-content: center;
        }
        .display-flex {
            display: flex;
        }
        .flex-al-ct {
            align-content: center;
        }
        .flex-sp-ar {
            justify-content: space-around;
        }
        .hed-title {
            padding: .9rem 0;
        }
        .title-shake {
            font-size: 1.08rem;
            color: #F4F4F4;
            font-weight: 700;
        }
        .activety-rule {
            padding: .9rem 0;
            color: gold;
            font-size: .8rem;
            font-weight: 700;
        }
        .last-time p:nth-child(2) {
            text-align: center;
        }
        .join-user {
            padding: .9rem 0;
            color: green;
            font-size: 1em;
        }
        .user-img img {
            width: 1rem;
            height: 1rem;
            vertical-align:middle;
        }
        div{
            border: 2px solid #77c571;
            margin: 3px;
            border-radius:10px;
            background-color: #cc94c9;
            line-height:100%;
            display:table-cell;
            text-align:center;
        }
        .weui-btn_default{
            background-color: #e8aaaa;
        }
    </style>
</head>

<body>
<section class="hed-title flex-al-jst-ct">
    <h3 class="title-shake animated shake delay-1s" id="title">获奖名单</h3>
</section>

<article>
    <header class="activety-rule">
        <p class="p4" id="one">
            &nbsp;&nbsp;&nbsp;第一名：<span class='weui-btn weui-btn_warn' id="frist_id"></span>
            &nbsp;&nbsp;&nbsp;第二名：<span class='weui-btn weui-btn_disabled weui-btn_warn' id="two_id"></span>
            &nbsp;&nbsp;&nbsp;第三名：<span class='weui-btn weui-btn_default' id="three_id"></span>
        </p>
    </header>
    <!--    <footer class="last-time">-->
    <!--        <h4>倒计时：</h4>-->
    <!--        <p id="dataTime"></p>-->
    <!--    </footer>-->
</article>
<article id="dataList">
    <header class="join-user">
        <h4>参与用户：</h4>
    </header>

</article>

</body>
<script th:src="@{/plugins/JQuery/jquery.min.js}"></script>
<script th:src="@{/js/result.js}"></script>

</html>